<template>
    <div class="div_card">
       	<Card :bordered="false" class="con_card">
       		<div class="res_top">
				<div class="res_top_ res_top_one">
					<div class="res_topone">
						<span class="res_top_span">关键词/ID</span>
					</div>
					<div class="res_toptwo">
						<Input v-model="keyword" placeholder="请输入"/>
					</div>
				</div>
				<div class="res_top_ res_top_two">
					<div class="res_topone">
						<span class="res_top_span">最近公司</span>
					</div>
					<div class="res_toptwo">
				    	<Input v-model="type" placeholder="请输入"/>
					</div>
				</div>
				<div class="res_top_ res_top_three">
					<div class="res_topone">
						<span class="res_top_span">居住地</span>
					</div>
					<div class="res_toptwo">
						<Input v-model="con" placeholder="请输入"/>
					</div>
				</div>
			</div>
			<div class="allresult">
					<div class="result_ result_one">
						<div class="res_oneidentity ">
	  					<div style="width: 19%;">
	  						<span class="res_one_spanidentity" >职能&nbsp;</span>
	  					</div>
	  					<div class="res_oneidentity_div">
	  						<i-input type="text" v-model="work_name" placeholder="请选择" :maxlength="15"></i-input>
	  					</div>
				  	</div>
					<div class="res_oneidentity ">
	  					<div style="width: 19%;">
	  						<span class="res_one_spanidentity" >期望薪资&nbsp;</span>
	  					</div>
	  					<div class="res_oneidentity_div">
	  						<Select v-model="expect" class="sselect" placeholder="请选择" @on-change="changeTime(lable)"  style="width: 100%;">
						        <Option v-for="item in ExpectMoney" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
						    </Select>
	  					</div>
				  	</div>
				  	<div class="res_oneidentity ">
	  					<div style="width: 19%;">
	  						<span class="res_one_spanidentity" >行业&nbsp;</span>
	  					</div>
	  					<div class="res_oneidentity_div">
	  						<i-input type="text" v-model="industy_name" placeholder="请选择" :maxlength="15"></i-input>
	  					</div>
				  	</div>	
				  	<div class="res_oneidentity ">
	  					<div style="width: 19%;">
	  						<span class="res_one_spanidentity" >工作年限&nbsp;</span>
	  					</div>
	  					<div class="res_oneidentity_div">
						    <DatePicker type="date" placeholder="选择时间" style="width: 133px"></DatePicker>
						    <DatePicker type="date" placeholder="选择时间" style="width: 134px;position: relative;"></DatePicker>
						    <Checkbox v-model="experience" style="position: relative;top: -35px;right: -280px;">海外经验</Checkbox>
	  					</div>
	  				</div>
				  	<div class="res_oneidentity ">
	  					<div style="width: 19%;">
	  						<span class="res_one_spanidentity" >学历&nbsp;</span>
	  					</div>
	  					<div class="res_oneidentity_div">
	  						<Select v-model="sty"  placeholder="请选择" @on-change="changeMoney(lable)" style="width: 100%;">
						        <Option v-for="item in Edu" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
						    </Select>
	  					</div>
	  				</div>			
				  	<div class="res_oneidentity ">
						<div style="width: 19%;">
							<span class="res_one_spanidentity" >目前薪资&nbsp;</span>
						</div>
						<div class="res_oneidentity_div">
							<i-input type="text" v-model="nowescle" placeholder="请选择" :maxlength="15"></i-input>
						</div>
					</div>			
					<div class="res_oneidentity ">
						<div style="width: 19%;">
							<span class="res_one_spanidentity">年龄&nbsp;</span>
						</div>
						<div class="res_oneidentity_div">
							<!--	<InputNumber :max="10" :min="1" v-model="old1" style="width: 131px;"></InputNumber>-
							    <InputNumber :max="10" :min="1" v-model="old2" style="width: 131px;"></InputNumber>-->
						</div>
					</div>
					<div class="res_oneidentity ">
						<div style="width: 19%;">
							<span class="res_one_spanidentity">工作地点&nbsp;</span>
						</div>
						<div class="res_oneidentity_div">
							<i-input type="text" v-model="nowescle" placeholder="请选择" :maxlength="15"></i-input>
						</div>
					</div>
			</div>
			<div class="result_ result_two">
				<div class="res_oneidentity ">
  					<div style="width: 19%;">
  						<span class="res_one_spanidentity" >语言&nbsp;</span>
  					</div>
  					<div class="res_oneidentity_div">
  						<Select v-model="lanu" placeholder="请选择" @on-change="changeMoney(lable)" style="width: 100%;">
					        <Option v-for="item in Language" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
  				<div class="res_oneidentity ">
  					<div style="width: 19%;">
  						<span class="res_one_spanidentity" >英语等级&nbsp;</span>
  					</div>
  					<div class="res_oneidentity_div">
  						<Select v-model="spake" placeholder="请选择" @on-change="changeMoney(lable)" style="width: 100%;">
					        <Option v-for="item in Grade" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
				<div class="res_oneidentity ">
					<div style="width: 19%;">
						<span class="res_one_spanidentity">性别&nbsp;</span>
					</div>
					<div class="res_oneidentity_divone">
						 <RadioGroup v-model="sex">
						 	<Radio label="不限"></Radio>
					        <Radio label="男"></Radio>
					        <Radio label="女"></Radio>
					    </RadioGroup>
					</div>
				</div>
				<div class="res_oneidentity ">
  					<div style="width: 19%;">
  						<span class="res_one_spanidentity" >专业&nbsp;</span>
  					</div>
  					<div class="res_oneidentity_div">
  						<i-input type="text" v-model="major_name" placeholder="请选择" :maxlength="15"></i-input>
  					</div>
  				</div>
  				<div class="res_oneidentity ">
  					<div style="width: 19%;">
  						<span class="res_one_spanidentity" >户口&nbsp;</span>
  					</div>
  					<div class="res_oneidentity_div">
  						<i-input type="text" v-model="residence" placeholder="请选择" :maxlength="15"></i-input>
  					</div>
  				</div>
				<div class="res_oneidentity ">
  					<div style="width: 19%;">
  						<span class="res_one_spanidentity" >简历更新&nbsp;</span>
  					</div>
  					<div class="res_oneidentity_div">
  						<Select v-model="year"  placeholder="请选择" @on-change="changeMoney(lable)" style="width: 100%;">
					        <Option v-for="item in Years" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
  				<div class="res_oneidentity ">
  					<div style="width: 19%;">
  						<span class="res_one_spanidentity" >求职状态&nbsp;</span>
  					</div>
  					<div class="res_oneidentity_div">
  						<Select v-model="statu"  placeholder="请选择" @on-change="changeMoney(lable)" style="width: 100%;">
					        <Option v-for="item in Status" v-bind:value="item.value"  :key="item.value">{{item.label}}</Option>
					    </Select>
  					</div>
  				</div>
			</div>
			</div>
       	</Card>	
       	<Card :bordered="false" class="con_card" style="margin-top: 15px;">
			<div class="tab_one_contain">
	        	<Checkbox v-model="checkall">全选</Checkbox>
	        		<i-button type="primary" class="job_new_add" @click="SeeResumeClick">查看简历</i-button>
	        		<i-button type="primary" class="job_new_add1" @click="SetResumeClick">设置</i-button>
	        		<div class="select_top">
	        			<Select v-model="sellist" style="width: 160px;">
			        		<Option v-for="item in SelectList" :value="item.value" :key="item.value">{{item.label}}</Option>
			    		</Select>
	        		</div>
	        		<div class="select_top">
	        			<Select v-model="time" style="width: 160px;">
			        		<Option v-for="item in TimeList" :value="item.value" :key="item.value">{{ item.label }}</Option>
			    		</Select>
	        		</div>
	        		<div class="select_top">
	        			<Select v-model="check" style="width: 160px;">
			        		<Option v-for="item in CheckList" :value="item.value" :key="item.value">{{item.label}}</Option>
			    		</Select>
	        		</div>
	        		<div class="select_top">
	        			<Select v-model="list" style="width: 160px;">
			        		<Option v-for="item in List" :value="item.value" :key="item.value">{{item.label}}</Option>
			    		</Select>
	        		</div>
	        		
	        	</div>
	        	<Table width="970" height="500" border 
	        		   ref="selection" 
	        		   :columns="columns4" 
	        		   :data="data1" 
	        		   @on-selection-change = "CheckBoxSelect"
	        		   >
	        	</Table>
	        	<!--<div class="detail">
	        		<div class="detail_top">
	        			<Checkbox v-model="detail_box"></Checkbox>
	        		</div>
	        		<div class="detail_contain">
	        		</div>
	        	</div>-->
	        	<div style="margin-top: 25px;padding-left: 25px;">
	        		<Checkbox v-model="checkall" class="manli_checkall" @click="handleSelectAll()">全选</Checkbox>
        			<Button type="error" @click="SeeResumeClick()">查看简历</Button>
        			<Button type="error" @click="SaveResumeClick()">暂存简历</Button>
        			<Button type="error" @click="DownResumeClick()">下载简历</Button>
	        	</div>
		    <div class="manli_foot"><Page :total="100" show-sizer /></div>
       	</Card>	
   </div>
</template>
<!--<style>
	.detail{
		height: 600px;
		width: 100%;
		border: 1px solid red;
	}
	.detail_top{
		height: 41px;
		width: 100%;
		background: #2DB7F5;
		line-height: 41px;
	}
</style>-->
<script>
export default {
    	name: 'Result',
      data () {
            return {
            	work_name:"",
            	industy_name:"",
            	experience:"",
            	old1:"",
            	old2:"",
            	sellist:"时间",
            	major_name:"",
            	residence:"",
            	SelectList:[
            		{
                        value: '不限',
                        label: '不限'
                    },
                    {
                        value: '时间',
                        label: '时间'
                    }
            	],
            	sex:"不限",
            	statu:"在职",
                Status:[
                    {
                        value: '不限',
                        label: '不限'
                    },
                    {
                        value: '目前正在找工作',
                        label: '目前正在找工作'
                    },
                    {
                        value: '其他',
                        label: '其他'
                    }
                ],
                year:"进一个月",
            	Years:[
            	    {
                        value: '近一周',
                        label: '近一周'
                    },
                    {
                        value: '近二周',
                        label: '近二周'
                    },
                    {
                        value: '近一个月',
                        label: '近一个月'
                    },
                    {
                        value: '近二个月',
                        label: '近二个月'
                    },
                    {
                        value: '近三个月',
                        label: '近三个月'
                    },
                     {
                        value: '半年',
                        label: '半年'
                    },
                      {
                        value: '近一年',
                        label: '近一年'
                    },
                    {
                        value: '近一年以上',
                        label: '近一年以上'
                    }
            	],
            	lanu:"",
            	 Language: [
                    {
                        value: '英文',
                        label: '英文'
                    },
                    {
                        value: '德语',
                        label: '德语'
                    }
                ],
            	spake:"",
            	 Grade:[
                    {
                        value: '专业八级',
                        label: '专业八级'
                    },
                    {
                        value: '专业四级以上',
                        label: '专业四级以上'
                    },
                    {
                        value: '六级',
                        label: '六级'
                    },
                    {
                        value: '四级',
                        label: '四级'
                    },
                    {
                        value: '不限',
                        label: '不限'
                    }
                ],
            	nowescle:"",
            	expect:"",
            	ExpectMoney: [
                    {
                        value: '1-49',
                        label: '1-49'
                    },
                    {
                        value: '50-99',
                        label: '50-99'
                    },
                    {
                        value: '100-499',
                        label: '100-499'
                    },
                    {
                        value: '500-999',
                        label: '500-999'
                    },
                    {
                        value: '1000-2000',
                        label: '1000-2000'
                    },
                    {
                        value: '2000-5000',
                        label: '2000-5000'
                    },
                    {
                        value: '5000-10000',
                        label: '5000-10000'
                    },{
                        value: '1W以上',
                        label: '1W以上'
                    }
                ],
                sty:"",
                Edu: [
                    {
                        value: '大专以下',
                        label: '大专以下'
                    },
                    {
                        value: '大专',
                        label: '大专'
                    },
                    {
                        value: '本科',
                        label: '本科'
                    },
                    {
                        value: '硕士',
                        label: '硕士'
                    },
                    {
                        value: '博士',
                        label: '博士'
                    }
                ],
            	type:"",
            	keyword:"",
            	con:"",
            	checkall:"",
            	check:"不限",
            	list:"简单列表",
            	time:"近一周",
            	dataList:[],
            	List:[
            		{
                        value: '简单列表',
                        label: '简单列表'
                    },
                    {
                        value: '详细列表',
                        label: '详细列表'
                    }
            	],
            	CheckList:[
            		{
                        value: '不限',
                        label: '不限'
                    },
                    {
                        value: '不合适',
                        label: '不合适'
                    }
            	],
            	TimeList:[
            		{
                        value: '近一周',
                        label: '近一周'
                    },
                    {
                        value: '近二周',
                        label: '近二周'
                    },
                    {
                        value: '近一个月',
                        label: '近一个月'
                    },
                    {
                        value: '近三个月',
                        label: '近三个月'
                    },
                    {
                        value: '近六个月',
                        label: '近六个月'
                    },
                    {
                        value: '全部',
                        label: '全部'
                    }
            	],
            	 columns4: [
                    {
                        type: 'selection',
                        align: 'center',
                         width: 50
                    },
                    {
                        title: 'ID',
                        key: 'id',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '年龄',
                        key: 'age',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '工作年限',
                        key: 'time',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '性别',
                        key: 'sex',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '居住地',
                        key: 'address',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '学历',
                        key: 'edu',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '简历更新时间',
                        key: 'update',
                        align: 'center',
                        width: 120
                    },
                    {
                        title: '专业',
                        key: 'major',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '职能',
                        key: 'function',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '户口',
                        key: 'registered',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '期望月薪',
                        key: 'expect',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '目前月薪',
                        key: 'now',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '专业',
                        key: 'industry',
                        align: 'center',
                        width: 100
                    },
                    {
                        title: '学校名',
                        key: 'school',
                        align: 'center',
                        width: 100
                    }
                ],
                data1: [
                    {id: '8',age: 18,time: '7',sex: '男',address: '湖北黄冈',edu: '本科',update: '2019-02-05',major: '市场营销',function: '跳舞',
                     registered: '深户',expect: '20K',now: '30K',industry: '销售',school: '华中科技大学'},
                    {id: '9',age: 18,time: '7',sex: '男',address: '湖北黄冈',edu: '本科',update: '2019-02-05',major: '市场营销',function: '跳舞',
                     registered: '深户',expect: '20K',now: '30K',industry: '销售',school: '华中科技大学'},
                    {id: '10',age: 18,time: '7',sex: '男',address: '湖北黄冈',edu: '本科',update: '2019-02-05',major: '市场营销',function: '跳舞',
                     registered: '深户',expect: '20K',now: '30K',industry: '销售',school: '华中科技大学'},
                ]
            }
        },
        methods:{
        	handleSelectAll(){},
        	SaveResumeClick(){},
        	DownResumeClick(){},
        	SetResumeClick(){
        	},
        	CheckBoxSelect(data){
        		this.dataList = data
        	},
        	SeeResumeClick(){
        		this.$router.push({name:'seeresume',params:{CheckTrue:this.dataList}})
        	}
        }
	}	
</script>

<style>
	.allresult{
		display: flex;
	}
	.result_one{
		width: 50%;
	}
	.result_two{
		width: 50%;
	}
	.other{
		width: 150px;
	}
	.res_oneidentity_divone{
		display: flex;
	}
	.con_card{
		border-top: 4px solid #2DB7F5;
	}
	.res_top{
		display: flex;
		margin-top: -15px;
	}
	.res_top_{
		width: 33%;
		margin-right: 10px;
		height: 50px;
		line-height: 46px;
	}
	.res_topone{
		width: 20%;
		display: inline-block
	}
	.res_toptwo{
		width: 68%;
		display: inline-block
	}
	.res_top_span{
		display: inline-block;
	}
	.tab_one_contain{
		background: #F3F3F3;
		margin-bottom: 4px;
		padding-left: 25px;
	}
	.select_top{
		width: 160px;
		display: inline-block;
	}
	.manli_foot{
		display: block;
		text-align: center;
		margin-top: 25px;
		margin-bottom: 300px;
	}
	.job_new_add{
		width: 80px;
		margin-left: 10px;
	}
	.job_new_add1{
		width: 80px;
		margin-left: 10px;
		margin-right: 10px;
	}
	
	.res_oneidentity{
		height: 35px;
		display: flex;
		line-height: 35px;
		width: 70%;
	}
	.res_one_spanidentity{
		font-size: 12px;
		position: relative;
	}
	.res_oneidentity_div{
		width: 80%;
	}
	.res_oneidentity_div .ivu-input-wrapper{
	}
</style>
